<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<template id="xpp01">
    <div>
        <h1>爸爸妈妈去上班</h1>
        <h2>我去幼儿园</h2>
    </div>
</template>
<template id="homeT">
<div>


</div>
</template>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js" ></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
    axios.get("./data.json").then(request=>{
        console.log(request.data())
    })
    async function getUser(){
        const resulet=await axios.get("./data.json")
    }
    vue.component("xpp",{
        data(){
            return{
                num:0
            }
        },
        template:"#xpp01",
        methods:{
            addNUM(){
                this.num=this.num+1
            }
        }
    });
    let dog={
        data(){
            return{
                num:10
            }
        },
        template:""
    }
    let hello={
        data(){
            return{
                num:0
            }
        },
        template: "#homeI",
        component:{
            dog
        }
    }
const  newF=new vue({
    components:{
        hello,
        dog
    }
})

</script>


</body>
</html>